@charset "utf-8";
/* 和px进行换算 字体最小20/@rem */
@rem:14rem;
/* 根字体大小，控制全局 */
@fontroot:14px;
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,button,submit,input,textarea,select{margin:0; padding:0; font-family: "Microsoft YaHei";}
ul,ol,dl{list-style-type:none;}
button,submit,input,select,textarea{outline:none;font-family: "Helvetica Neue",Helvetica,"WenQuanYi Micro Hei",Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",STHeiTi,sans-serif;cursor:pointer;}
textarea{resize:none; outline:none;}
img{border:none; vertical-align:middle;}
a,a:hover,a:active,a:visited,a:link,a:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none;background: none;text-decoration: none;}
html,body{width: 100%;font-size: @fontroot;-ms-touch-action: none;}
html{font-size: @fontroot;}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.w90,
.w91,
.w92,
.w93,
.w94,
.w95,
.w96,
.w97,
.w98,
.w99,
.w100 {
    margin: 0 auto;
}
.w90{width: 90%;}
.w91{width: 91%;}
.w92{width: 92%;}
.w93{width: 93%;}
.w94{width: 94%;}
.w95{width: 90%;}
.w96{width: 96%;}
.w97{width: 97%;}
.w98{width: 98%;}
.w99{width: 99%;}
.w100{width: 100%;}
body {
    position: relative;
    margin: 0 auto;
    /* max-width: 720px; */
}
/* 图片自适应宽高，防止过大 */
.img-response img {
    max-width: 100%;
}
.weui-row {
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

/* 最大宽度800即可，宽度过大，会导致文字变大，整体布局变形，不美观 */
@media only screen and (max-width: 900px), only screen and (max-device-width:800px) {
    html,body {
        font-size: 17.5px;
    }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
    html,body {
        font-size: 15.75px;
    }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    html,body {
        font-size: 14px;
    }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
    html,body {
        font-size: 13.125px;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
    html,body {
        font-size: 11.8125px;
    }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
    html,body {
        font-size: 10.5px;
    }
}
/* 苹果6/6s */
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
    html,body {
        font-size: 9.05625px;
    }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
    html,body {
        font-size: 8.203125px;
    }
}
/* 苹果5/5s */
@media only screen and (max-width: 320px), only screen and (max-device-height:568px) {
}